<template>
	<view class="mainPage profitdetails" :style="{'padding-top': `${$store.state.safeArea.top || 0}px`, 'padding-bottom': `${$store.state.safeArea.bottom || 0}px`}">
		<public-head :title="title"></public-head>
		<view class="content">
			<view class="listtop">
				<view class="amount">{{relalist.cas_money}}</view>
				<view class="examinestate">{{relalist.status==0?'提现审核中':relalist.status==1?'提现成功':relalist.status==2?'提现失败':''}}</view>
			</view>
			<view class="list">
				<view class="term">处理进度</view>
				<view class="degree">{{relalist.status==0?'审核中':relalist.status==1?'审核通过':relalist.status==2?'审核驳回':''}}</view>
			</view>
			<view class="list">
				<view class="term">提现到</view>
				<view class="termcontent">{{relalist.bank_name}}({{relalist.bank_num}})</view>
			</view>
			<view class="list">
				<view class="term">提现时间</view>
				<view class="termcontent">{{relalist.time}}</view>
			</view>
		</view>
		<view class="buttons" @click="confirm">完成</view>
	</view>
</template>
<script>
var that
import publicHead from "@/components/publicHead/publicHead.vue"
export default {
	components: {
		publicHead
	},
	data() {
		return {
			title: "提现",
			relation: '',
			relalist: ''
		}
	},
	onLoad(e) {
		that = this
		that.relation = e.relation
		that.withdrdetails()
	},
	methods: {
		withdrdetails() {
			that.$postAjax1('Doc_Cash_cashInfo', {
				relation: that.relation
			}, function (data) {
				that.relalist = data.data.data
			})
		},
		confirm() {
			uni.navigateBack({
				delta: 2
			})
		}
	},
}
</script>
<style  scoped lang="scss">
.profitdetails {
	padding: 24rpx 32rpx;
	background-color: #f4f4f4;
	min-height: 100vh;
	.content {
		box-shadow: 2rpx 2rpx 2rpx 0px rgba(0, 0, 0, 0.18);
		border-radius: 16rpx;
		background: #ffffff;
		padding: 20rpx;
		.list {
			font-size: 28rpx;
			padding: 12rpx 0;
			display: flex;
			justify-content: space-between;
			.term {
				color: #909090;
			}
			.termcontent {
				color: #323232;
			}
			.income {
				font-size: 32rpx;
				font-weight: 500;
				color: #323232;
				margin-top: 24rpx;
			}
			.amount {
				font-size: 32rpx;
				font-weight: 500;
				color: #f55050;
				margin-top: 24rpx;
			}
			.degree {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #ffbe7d;
			}
		}
		.listtop {
			.amount {
				font-size: 48rpx;
				font-weight: 500;
				color: #323232;
				text-align: center;
				padding: 28rpx 0 4rpx 0;
			}
			.examinestate {
				font-size: 28rpx;
				text-align: center;
				color: #323232;
				padding: 4rpx 0 36rpx 0;
			}
		}
	}
	.buttons {
		background: #ff8f2b;
		box-shadow: 0px 6rpx 8rpx 0px rgba(255, 143, 43, 0.2);
		border-radius: 46rpx;
		font-size: 32rpx;
		color: #ffffff;
		text-align: center;
		margin: 80rpx 28rpx;
		line-height: 92rpx;
	}
}
</style>
